import React from 'react'
import { Panel, Cell,CellFooter, CellBody, PanelBody, PanelFooter, MediaBox, MediaBoxHeader,
		 MediaBoxDescription, MediaBoxTitle, MediaBoxBody, Button } from 'react-weui'

export default class GoodItem extends React.Component {
	constructor(props) {
		super(props)
	}
	render() {
		const { type } = this.props;
		const CellMore = () => (
			<Cell link>
				<CellBody></CellBody>
				<CellFooter >
		            <Button type="default" size="small" style={{border: '1px solid #ccc'}}>删除订单</Button>
		            &nbsp;<Button type="primary" size="small" style={{background: 'orange'}}>{type!=1 ? '查看物流 ': '继续支付'}</Button>
		            &nbsp;{type==4? <Button type="warn" size="small">评价</Button> : null}
				</CellFooter>
			</Cell>
		);
		return (
			<Panel>
				<PanelBody>
					<MediaBox type="appmsg" href="javascript:void(0);">
						<MediaBoxHeader><img src="https://gd3.alicdn.com/imgextra/i3/285892163/TB2jsfiXF95V1Bjy0FgXXc2vFXa_!!285892163.jpg" /></MediaBoxHeader>
						<MediaBoxBody>
							<MediaBoxTitle>[包邮]韩版加厚短款时尚棉服百搭纯色面包服DS</MediaBoxTitle>
							<MediaBoxDescription>
								&nbsp;颜色：<span>粉色</span>；
								&nbsp;尺寸：<span>L</span>；
                                &nbsp;数量：<span>4</span>
							</MediaBoxDescription>
						</MediaBoxBody>
					</MediaBox>
				</PanelBody>
				<Cell>
                    <CellBody></CellBody>
                    <CellFooter style={{ color: 'orange', fontSize: '1.1em' }}><strong>￥&nbsp;<span>85.5</span></strong></CellFooter>
				</Cell>
 				<PanelFooter href="javascript:void(0);">
					<CellMore />
				</PanelFooter>
			</Panel>
		);
	}
}